//分类列表标题
// $(function(){
// 	$('#_cate li').mouseover(function(){
// 		var n = $(this).index();//获取到当前的下标
// 		// console.log(n);
// 		$(this).addClass('_cate-color').siblings('#_cate li').removeClass('_cate-color').closest('#_search').find('#_nav .list .sub-nav-list').eq(n).show().siblings('#_nav .list .sub-nav-list').hide();
// 	})
// }) 

$(function(){
	$('#head-wrapper .head-wrapper-cate li').mouseover(function(){  
		// 这儿用的是 mouseover 事件，本来是要用click 事件的，只是为了更好的显示效果，才用该样式
		var t = $(this).index();
		// console.log(t);
		$(this).closest('header').find('#head-list ul').eq(t).show().siblings('#head-list ul').hide();
	})
})

// 服饰hover显示效果
$(function(){
	$('#head-list .head-list-name li').hover(function(){
		var x = $(this).index();
		// console.log(x);
		if(x>1&&x<6){
			$(this).closest('header').find('#third-nav-wrapper').show().hover(function(){
				$('#third-nav-wrapper').show();
			},function(){
				$('#third-nav-wrapper').hide();
			});
		}
		
	},function(){
		$(this).closest('header').find('#third-nav-wrapper').hide();
	})
})



// 大轮播图
$(function(){
	var step = 0;
	var timer = null;
	function run(){
		if(step==8){
			step = 0;//当步长达到
			$('#flashBox').css('left',0);//这儿达到条件后将flashBox的left值拉回0，从头开始
		}
		step++;//进来就将其步长自增
		step1 = step;
		// console.log(step);
		$('#flashBox').stop().animate({'left':-1150*step},500);
		$('#_slide #_thumb img').eq(step1).addClass('now').siblings('img').removeClass('now');
		// console.log(step1);
	}
	timer = setInterval(run,2000);//执行定时器
	$('#_slide').hover(function(){  //这儿是当鼠标移到轮播图上的时候，轮播图会停止，当移开的时候，会开始自动执行定时器
		$('#_slide .newBtns').css('display','block');
		clearInterval(timer);
	},function(){
		$('#_slide .newBtns').css('display','none');
		timer = setInterval(run,2000);
	})

	$('#_slide #_thumb img').mouseover(function(){
		step = $(this).index();
		// console.log(step);
		$(this).addClass('now').siblings('img').removeClass('now');
		$('#flashBox').stop().animate({'left':-1150*step},500);
	})
	$('.right').click(function(){
		run();
	})
	$('.left').click(function(){
		if(step==0){
			step=8;
			$('#flashBox').css('left',-1150*8);
		}
		step--;
		$('#flashBox').stop().animate({'left':-1150*step},500);
		$('#_slide #_thumb img').eq(step).addClass('now').siblings('img').removeClass('now');
	})
})
//这是下面的小轮播图
$(function(){
	var step2 = 0;
	var timer1 = null;
	function run1(){
		if(step2 ==2){
			step2=0;
			$('#_unsideBox').css('left',0);
		}
		step2 ++;
		// console.log(step2);
		$('#_unsideBox').stop().animate({'left':-1150*step2},500);
	}
	timer1 = setInterval(run1,2000);
	$('#_unsilde').hover(function(){
		$('#_unsilde .unBtns').css('display','block');
		clearInterval(timer1);
	},function(){
		$('#_unsilde .unBtns').css('display','none');
		timer1=setInterval(run1,2000);
	})
	$('.unRight').click(function(){
		run1();
	})
	$('.unLeft').click(function(){
		if(step2==0){
			step2=2;
			$('#_unsilde #_unsideBox').css('left',-1150*step2);
		}
		step2--;
		$('#_unsilde #_unsideBox').stop().animate({'left':-1150*step2},500);
	})
})
